<template>
  <div class="addHome">
    <!-- 头部tab -->
    <div class="header-wrap" style="height: 50px;">
      <span class="header-wrap-left">
        <i class="iconback iconfont icon-fanhui" @click="goback"></i>
      </span>
      <span class="header-wrap-text">门禁管理</span>
      <span class="header-wrap-right"></span>
    </div>
    <div class="top"
      style="height: 50px;display: flex;justify-content: space-between;margin-top: 50px;border-bottom: 2px solid #F1F1F1;border-top: 2px solid #F1F1F1;" @click="toIdentification">

      <div class="left" style="height: 80px; line-height: 50px;width: 50%;font-size: 14px;margin-left: 8px;">
        门禁状态13
      </div>
      <div class="right"
        style="height: 80px;line-height: 50px;width: 50%;font-size: 14px;text-align: right;margin-right: 10px;">
        未认证
      </div>

    </div>
    <div class="sodu" style="height: 50px;text-align: center;align-items: center;line-height: 50px;font-weight: bold;">
      日志列表
    </div>
    <div class="item"
      style="display: flex;justify-content: space-between;height: 50px;border-bottom: 2px solid #F1F1F1;border-top: 2px solid #F1F1F1;"
      v-for="(item,index) in 5" :key="index" @click="toDeail">
      <div class="left"
        style="width: 70%;height: 50px;line-height: 50px;margin-left: 8px;display: flex;justify-content: space-between;">
        <div class="name" style="height: 50px;"> 姓名:某某某</div>
        <div class="date">日期：2020-09-04</div>

      </div>
      <div class="right" style="width: 30%;height: 50px;line-height: 50px;text-align: center;">
        查看
      </div>
    </div>









  </div>
</template>
<script>
  import api from '../../api/api.js'
  import {
    Area,
    Popup,
    Picker,
    Dialog,
    Field
  } from 'vant';

  export default {
    data() {
      return {


      }
    },
    created() {

    },
    methods: {
      goback() {
        this.$router.go(-1)
      },
      toDeail() {
        console.log(777)
        this.$router.push('/sudodetail')
      },
      toIdentification(){
        this.$router.push('/identification')
      }



    },
    components: {
      [Area.name]: Area,
      [Popup.name]: Popup,
      [Picker.name]: Picker,
      [Field.name]: Field,
      [Dialog.Component.name]: Dialog.Component
    }
  }
</script>
<style>

</style>
